<template>
    <div class="app-container home">
        <div>
            <!-- <div class="index-title">
                <h1>{{config.title==null ? title : config.title }} </h1>
            </div> -->
            <div class="index-header">
                <img v-if="logo && config.logo==null" :src="logo" />
                <img v-else-if="config.logo!=null" :src="config.logo" />
                <h1>{{config.title==null ? title : config.title }} </h1>
            </div>
            <div style="text-align: center;">
                <h2>快速导航</h2>
            </div>
            <div class="index-header">

                <el-button size="mini" type="primary" @click="$router.push('/user/profile')">个人中心</el-button>
                <el-button size="mini" type="primary" @click="$router.push('/dashboard/home')">消息统计</el-button>
                <el-button size="mini" type="primary" @click="$router.push('/dashboard/server')">系统监控</el-button>
                <el-button size="mini" type="primary" @click="$router.push('/system/file')">文件管理</el-button>
            </div>

            <div style="text-align: center;margin-top: 3%;">
                <div>系统版本{{version}}</div>
            </div>
        </div>

    </div>
</template>

<script>
import logoImg from "@/assets/logo/logo.png";
export default {
    name: "Index",
    data() {
        return {
            config: this.$store.state.settings.settingConfig,
            title: "HQ-ADMIN",
            logo: logoImg,
            // 版本号
            version: "0.0.1",
        };
    },
    methods: {},
};
</script>

<style scoped lang="scss">
.index-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3%;
}
</style>

